<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no;email=no" name="format-detection">
    <title>楚才用户使用协议</title>

    <link rel="stylesheet" href="../../static/css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/module/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="../../static/css/lib/main.css">
    <link rel="stylesheet" href="../../static/css/module/header.css">
    <link rel="stylesheet" href="../../static/css/module/footer.css">
    <link rel="stylesheet" href="../../static/css/page/register.css">
</head>
<body style="height: 1200px;">
    <div class="wrapper">
        <!-- 头部 -->
        <header class="hidden-xs">
            <nav class="mainnav">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                            <ul class="nav nav-pills topnav" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <a href="#">活动报名</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a href="#">楚才书店</a>
                                </li>
                                <li class="logo-item">
                                    <img src="../../static/images/logo.png" width="105" height="104" alt="logo">
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a href="#">个人中心</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a href="#">登录/注册</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </header>

        <!-- 正文内容 -->
        <div class="container">
            <div class="main-content">
                <div class="agreement">
                    <h1 class="main-title"><span>《楚才用户使用协议》</span></h1>
                    <div class="content content_3" id="scrollArea">
                        <p class="desc">
                            加入和使用返利网表明您已经阅读并同意本使用条款，您的会员活动会遵从本使用条款。鉴于返利网并非是关乎国计民生或者垄断的行业及企业，因此您对本使用协议不认同的，完全可以选择不加入和使用本返利网。
                            <br>
                            一、协议内容及签署
                            <br>
                            1、本协议内容包括协议正文及所有返利网已经发布的或将来可能发布的各类规则。
                            <br>
                            2、您在注册返利网账户时点击提交“我已阅读并且同意返利网的使用协议”即视为您接受本协议及各类规则，并同意受其约束。
                            <br>
                            3、您承诺接受并遵守本协议的约定。如果您不同意本协议的约定，您应立即停止注册程序或停止使用返利网服务。
                            <br>
                            二、会员及账户管理
                            <br>
                            1、申请资格
                            <br>
                            您应当是具备完全民事权利能力和完全民事行为能力的自然人、法人或其他组织。若您不具备前述主体资格，则您及您的监护人应承担因此而导致的一切后果，且返利网有权注销（永久冻结）您的返利网账户，并向您及您的监护人索偿或者追偿。若您不具备前述主体资格，则需要监护人同意您方可注
                        </p>
                    </div>
                    <div class="row hidden-xs">
                        <div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
                            <div class="btn-groups btn-groups--agreement">
                                <button class="btn btn-submit col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1" id="btn" type="button">同意协议</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="logo-bottom visible-xs text-center">
                    <img src="../../static/images/bluelogo_cjrb.png" width="136" height="42" alt="cjrbLogo">
                </div>
                <span class="star"><img src="../../static/images/star.png" alt="star"></span>
                <span class="child"><img src="../../static/images/child.png" alt="child"></span>
                <span class="planet visible-xs"><img src="../../static/images/planet.png" alt="planet"></span>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer class="hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1">
                    版权所有 武汉楚才竞赛网 鄂ICP备14016248号COPYRIGHT @2013-2014 CHUCAI.GNJ.CN ALL RIGHT RESERVED
                    <img src="../../static/images/logo_cjrb.png" width="136" height="42" alt="cjrbLogo">
                </div>
            </div>
        </div>
    </footer>

    <script src="../../static/js/lib/jquery-1.9.1.min.js"></script>
    <script src="../../static/js/lib/bootstrap.min.js"></script>
    <script src="../../static/js/module/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="../../static/js/module/layer.js"></script>
    <script>
        (function($){
            $(window).load(function(){
                $("#scrollArea").mCustomScrollbar({
                    scrollInertia: 500,
                    autoDraggerLength: false
                });
            });

            $('#btn').on('click', function(){
                var data = 123;
                layer.open({
                    content: '浏览器滚动条已锁' + data,
                    scrollbar: false
                });
            });
        })(jQuery);
    </script>
</body>
</html>